<template>
	<view>
		<!-- <u-navbar  title="Change Password"
		is-back="true" 
		title-width="50rpx" 
		title-color="#473C33" 
		height="48px" 
		back-icon-color="#473C33"
		:background="background"
		></u-navbar> -->
		<text style="position: relative;top: 85px; left: 30px;" class="txt">Your E-mail</text>
		<text style="position: relative;top: 85px; left: 90px;" class="txt">{{email}}</text>
		<u-form :model="form" ref="uForm" class="form" label-position="top">
			<u-form-item prop="oldPwd">
				<u-input type="password" v-model="form.oldPwd" placeholder="Your old password" placeholder-style="color: #cccccc;font-size:22rpx;font-family: 'Arial Normal', 'Arial', sans-serif;"></u-input>
			</u-form-item>
			<u-form-item prop="newPwd">
				<u-input type="password" v-model="form.newPwd" placeholder="New password" placeholder-style="color: #cccccc;font-size:22rpx;font-family: 'Arial Normal', 'Arial', sans-serif;"></u-input>
			</u-form-item>
			<u-form-item prop="nNewPwd">
				<u-input type="password" v-model="form.nNewPwd" placeholder="Confirm password" placeholder-style="color: #cccccc;font-size:22rpx;font-family: 'Arial Normal', 'Arial', sans-serif;"></u-input>
			</u-form-item>
		</u-form>
		<button form-type="submit">Submit</button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				email:"1368406644@qq.com",
				form: {
					oldPwd: '',
					newPwd: '',
					nNewPwd: '',

				},
			}
		}
	}
</script>

<style>
	.form{
		position: relative;
		margin-top: 40px;
		padding: 80px 40px;
		width: 375px;
		height: 100px;
	
	}
	.title {
	        padding: 5px 13px;
	    }
	    button {
	        margin-top: 280rpx;
	        margin-bottom: 10rpx;
			width:500rpx;
			height: 80rpx;
			background-color:#abc270;
			color: #fefefe;
			border-radius:168rpx;
			font-size:15px;
			border:#ffffff;
			text-align: center;
			opacity: 0.85;
			padding: 2px 2px 2px 2px;
			opacity: 0.85;
	    }
		.txt{
			line-height: normal;
			font-weight: 700;
			font-size: 16px;
		}
</style>
